<template>
  <my-layout class="home-page" :data="items">
    <my-header slot="header" :isShow="true"/>
    <slider/>
    <menu-nav/>
    <more-case/>
    <flow/>
    <defend :items="items"/>
    <my-tabbar slot="footer"/>
  </my-layout>
</template>
<script>
import slider from "./components/slider";
import MenuNav from "./components/menuNav";
import MoreCase from "./components/morecase";
import Flow from "./components/flow";
import Defend from "./components/defend";
export default {
  components: {
    slider,
    MenuNav,
    MoreCase,
    Flow,
    Defend
  },
  data() {
    return {
      items: []
    };
  },
  methods: {},
  mounted() {
    setTimeout(() => {
      this.items.push(1, 2, 3, 4);
    }, 2000);
  }
};
</script>

<style lang="scss">
.home-page {
  background: #f7f7f7;
}
</style>
